<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags"%>

<!DOCTYPE HTML><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0 minimal-ui"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<title>第7届广州定制家具/衣柜展报名啦！</title>
<link href="${ctx }/res/gzActivity/css/css.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="${ctx }/res/gzActivity/js/jquery-1.10.1.min.js"></script>
<script type="text/javascript" src="${ctx }/res/gzActivity/js/alertPopShow.js"></script>
<script type="text/javascript">
$(function(){
   $('#bmdc').on('click', function(e){
		var flag = true;
		$('.input').each(function(){
			if(!this.checkValidity()){
				flag = false;
			}
		});
		if(flag){
			$.ajax({
				url: "${ctx}/gzActivity/apply",
				type: "post",
				data: {
					mobile: $('#mobile').val(),
					name: $('#name').val()
				},
				dataType: "json",
				success: function(data) {
					if (data.success) {
						webToast("恭喜您，报名成功！","middle",3000);
						var count = parseInt($('#count').text());
						count ++;
						$('#count').text(count + '');
						e.preventDefault();
					} else {
						webToast(data.msg,"middle",3000);
						e.preventDefault();
					}
				}
			});
		}	
   }); 
});
</script>
</head>
<body>
<div class="registration_a">
	<img src="${ctx}/res/gzActivity/images/b_01.png" class="registration_bg">
</div>
<div class="registration_a">
	<img src="${ctx}/res/gzActivity/images/b_02.png" class="registration_bg">
</div>    
<div class="registration_a">
	<img src="${ctx}/res/gzActivity/images/b_03.png" class="registration_bg">
</div>    
<div class="registration_b" id="bm">
	<h1>已报名<span id="count">${count }</span>名</h1>
    <em>姓名</em>
    <form onsubmit="return false;">
    <input id="name" class="input"  />
    <div class="blank5"></div><div class="blank10"></div>
    <em>电话</em>
    <input id="mobile" class="input" pattern="^1[3-9]\d{9}$" required />
    <div class="blank5"></div>
    <div class="center"><input type="submit" class="btn" value="提交" id="bmdc" ></div>
    </form>
</div>
<div class="registration_c">
	<h1>达达订货B2B</h1>
    <p>产品：优选100个品牌<br>价格：工厂直供，同一工厂贵一罚十<br>设计：50个软装包，满足不同客户需求<br>营销：达达订货13年工程项目经验</p>
    <img src="${ctx}/res/gzActivity/images/t3.png" class="img">
    <h1>全屋软装工厂直供平台</h1>
    <p>以提升交易便捷度，提高成交率为宗旨<br>竭力打造一站式软装平台<br>自住研发国内首款软装应用软件--软装大师<br>10分钟出方案，1秒钟出报价<br>省时、省力<br>为设计、搭配、展示提高便捷<br></p>
    <div class="blank10"></div><div class="blank10"></div>
	<img src="${ctx}/res/gzActivity/images/img_18.jpg" class="registration_img">
    <img src="${ctx}/res/gzActivity/images/img_19.jpg" class="registration_img">
    <img src="${ctx}/res/gzActivity/images/img_01.jpg" class="img">
    <img src="${ctx}/res/gzActivity/images/img_02.jpg" class="registration_img">
    <img src="${ctx}/res/gzActivity/images/img_03.jpg" class="registration_img">
    <img src="${ctx}/res/gzActivity/images/img_04.jpg" class="registration_img">
</div>
<div class="registration_d">    
    <img src="${ctx}/res/gzActivity/images/img_05.jpg" class="registration_img">
    <img src="${ctx}/res/gzActivity/images/img_06.jpg" class="registration_img">
    <img src="${ctx}/res/gzActivity/images/img_07.jpg" class="registration_img">
</div>
<div class="registration_d">    
    <img src="${ctx}/res/gzActivity/images/img_08.jpg" class="registration_img">
    <img src="${ctx}/res/gzActivity/images/img_09.jpg" class="registration_img">
    <img src="${ctx}/res/gzActivity/images/img_10.jpg" class="registration_img">
    <img src="${ctx}/res/gzActivity/images/img_11.jpg" class="registration_img">
</div>
<div class="registration_d">    
    <img src="${ctx}/res/gzActivity/images/img_12.jpg" class="registration_img">
    <img src="${ctx}/res/gzActivity/images/img_13.jpg" class="registration_img">
    <img src="${ctx}/res/gzActivity/images/img_14.jpg" class="registration_img">
</div>
    <img src="${ctx}/res/gzActivity/images/img_15.jpg" class="registration_img">
    <img src="${ctx}/res/gzActivity/images/img_16.jpg" class="registration_img">
    <img src="${ctx}/res/gzActivity/images/img_17.jpg" class="registration_img">
<div class="registration_e">
	<img src="${ctx}/res/gzActivity/images/img_20.jpg" class="registration_img">
    <div class="center">
        <a href="#bm" class="btn">立即报名</a>
    </div>
</div>

</body>
</html>

